/****************** General Styles ******************/
html
{
	margin : 0px 0px 0px 0px;
	background-color : #F4F4F4;
}
body
{
	overflow : scroll;
	border : 0px;
	margin : 0px;
	text-align: center;
	border-left : 1px solid #A0A0A0;
}
@font-face{
    font-family:VodafoneLight;
    src:url(/fonts/vodafone-light.woff);


}
#MainContainer
{
	width : 100%;
	margin : 0px;
	border-bottom : 0px;
	border-right : 0px;
	background-color : #F4F4F4;
}
.ProductsPDFGuide
{
	cursor : pointer;
	padding-top : 10px;
	padding-left : 10px;
}
.DoItalics{font-style : italic;}
.DoToolTipTex{font-family: Arial;font-style:italic;font-size:11px;color:#6e6e6e;}
.DebugMe{border : 1px solid red;background-color:orange;}
.SpacerVerical{float : left; margin : 4px;}
.SpacerHorizontal{margin : 8px;}
.GBTextFieldTable{font-family:Arial;color:#000000;font-size:11px;}
.tableborder
{
	border-right: #87a4be 1px solid;
	border-bottom: #87a4be 1px solid;
	border-top: #87a4be 1px solid;
	border-left: #87a4be 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 11px;
	color: #0066b3;
	font-family: Arial;
	padding : 3,9,3,9;
}
.sbutton {}
.GreyTable
{
	display : table;
	border : 1px solid #87A4BE;
}
.TDPadded {padding : 3px,2px,3px,2px;}
.TDPadBottom {padding-bottom : 8px;}
.TDBoldText {font-weight : bold;}
.TDHeader {border-bottom : 1px solid #BFD0DF;padding-bottom : 5px;}
.TDItalicText {font-style:italic;}
.TDADefault {font-family:Arial;font-size:11px; color:#525252;}
.divwide {width: 55px; display: inline;}
.TDAMouseOver {font-family:Arial;font-size:11px; color:#f80000;text-decoration:none;}
.QandA {color:#525252;font-size:14px;font-weight:bold;}
.ColorTableBorder {background-color:#87A4BE;}
.ColorTableRow {background-color:#FFFFFF;}
.div_reports_products
{
	position: absolute;
	z-index: 999;
}
.MyQueryTable {
	font-size : 11px;
	color : #000000;
}
#feedbackLink
{
	cursor:pointer;
	position:absolute;
	top:0px;
	left:0px;
	width:70px;
	height:74px;
	background:url(../images/feedback-button.png) no-repeat left top;
}
.GBBannerHeight {height : 159px;}
.GBBannerHeightnew {height :  264px;}
.GBMode4 {
	width: 952px !important;
}
.GBMode3 {width : 574px !important;}
.GBMode2 {width : 764px !important;}
.GBMode1 {width : 959px}
.GBMaxHeightByBrowser{height : 300px;}
.GBHalfHeight {height : 141px;}
.DoGridBlockHomePage
{
	width : 180px;
	color : #000000;
	background-color : #FFFFFF;
	text-align : left;
	
	border : 1px solid #E0E0E0;
	border-radius:0px;

}
/****************** Header Styles ******************/
#HeaderDiv
{
	width : 956px;
	height:100px;
	background-color : #ffffff;
	margin: 0 auto;
  
}
#HeaderLogo
{
	float : left;
	background-image : url("../images/vodacomlogo.png");
	background-repeat : no-repeat;
	width : 64px;
	height : 60px;
	cursor : pointer;
margin-top:38px;
margin-left:20px;
	display:block;
}
#HeaderLogin {
	background-color : #4A4D4E;
	vertical-align : text-top;
	padding-top : 2px;
	padding-right : 5px;
    padding-bottom:2px;
}
#HeaderLogin ul {
	list-style: none;
	list-style-type : none;
	padding: 0;
	margin: 0;
}
#HeaderLogin li {
	color : #FFFFFF;
	font-size : 12px;
	font-family : arial;
	float : right;
	padding : 0px;
}
#HeaderLogin li span {
	color : #FFFFFF;
	font-size : 11px;
	font-family : arial;
	line-height : 2;
	padding-left : 2px;
	padding-right : 2px;
	height : 21px;
}
#sPass {
	width : 99px;
	height : 17px;
	border : solid 1px #7F9DB9;
}
#sUname {
	width : 150px;
	height : 17px;
	border : solid 1px #004698;
}
.sLoginButton {
	width : 47px;
	/* Fire Fox */
	height : 22px;
}
.HeaderLoginDefault {
	text-decoration : none;
	color : #FFFFFF;
}
.HeaderLoginTextMouseOver {
	text-decoration : underline;
	color : Red;
}
.HeaderLogin {height : 24px;}
/****************** Header navigation Links ******************/
#HeaderNav
{
	height:25px;
	width:800px;
	display:inline-block;
	margin-top:26px;

}
#HeaderNav ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#HeaderNav ul li a
{
	color:#4A4D4E;
	text-decoration:none;
	padding-top:9px;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:9px;
    font-family:Arial;
    font-size:large;
	height:100%;
	background-color:#ffffff;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#HeaderNav ul li a:hover
{
	background-color:#ffffff;
	color:#f80000;
}
#HeaderNav ul li
{
	float:left;
	font-family:Arial;
	font-size:12px;
}
.HeaderNavSelected a
{
	background-color:#ffffff !important;
	color:#f80000 !important;
}
.HeaderNavSelected a:hover
{
	text-decoration:none;
	background-color:#ffffff !important;
}
.aHeaderNav
{
	color:#ffffff;
}
.HeaderNavSubscribe
{
	float : right;
	width : 0px;
	height : 26px;
	margin-top : 3px;
	margin-bottom : 4px;
	padding-bottom : 5px;
}
.HeaderNavLogoutOLD {
	width : 10px;
	height : 26px;
	cursor : pointer;
	margin-top : 3px;
	margin-right : 5px;
	margin-bottom : 4px;
	float : right;
	padding-bottom : 5px;
}


header .menu_links a {
    display: inline-block;



    color: gray;

    height: 10px;
    overflow-x: hidden;
    position: relative;
    transition: .25s ease all;
    background: white;
    text-decoration: none;
    line-height: 3px;
}
header .menu_links a:after {
    content: " ";
    position: absolute;
    display: block;
    bottom: 0;
    left: -100%;
    height: 2px;
    width: 100%;
    background: #dd0034;
    transition: .0s ease all;
}
header .menu_links a:hover:after {
    left: 0;
}


/****************** Body Styles (center grid) ******************/
#sProductResults
{
	height: 200px;
	filter:alpha(opacity=100); /* filter was added to fix the text distortion that is visible when the product text is changed */
}
.DoGrid
{
	width : 956px;
	margin-top : 0px;
	margin-left : auto;
	margin-right : auto;
	display : table;
    padding-bottom:5px;
}
#DoGrid_LoggedIn
{
	width : 956px;
	height: 35px;
	background-color : #ffffff;
	display:inline-block;
}
#DoGrid_LoggedIn ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#DoGrid_LoggedIn ul li
{
	float:left;
	font-family:Arial;
	font-size:12px;
	margin-top : 10px;
}

#DoGrid_LoggedIn ul li a
{
   margin-left : 20px;
   margin-right : 20px;
}
#DoGridBanner
{
	float : left;
	width : 764px;
	height : 168px;
	border : 1px solid #dbdbdb;
	cursor : pointer;
}
.DoGridBannerBulkMMS{background-image : url("../images_banners/Bulk MMS Vodafone.png");}
.DoGridBannerBulkSMS{background-image : url("../images_banners/Bulk SMS Vodafone.jpg");}

.DoGridBannerUSSDnew{background-image : url("../images_banners/new/ussd_2017.jpg");}
.DoGridBannerEBSnew{background-image : url("../images_banners/new/ebs_2017.jpg");}
.DoGridBannerSSnew{background-image : url("../images_banners/new/special_solutions_2017.jpg");}


.DoGridBannerBulkSMSnew{background-image : url("../images_banners/new/Bulk_SMS_2017.jpg");}
.DoGridBannerEmail2SMSnew{background-image : url("../images_banners/new/Email2SMS.jpg");}
.DoGridBannerShortCodesnew{background-image : url("../images_banners/new/Short Codes.jpg");}
.DoGridBannerBulkMMSsnew{background-image : url("../images_banners/new/Bulk MMS.jpg");}
.DoGridBannerDeveloperssnew{background-image : url("../images_banners/new/Developers.jpg");}
.DoGridBannerMEMSsnew{background-image : url("../images_banners/new/MEMS.jpg");}
.DoGridBannerTollFreeDatasnew{background-image : url("../images_banners/new/Toll Free Data.jpg");}



#DoGridBannernone
{
	float : left;
	width : 764px;
	height : 26px;
	border : 1px solid #dbdbdb;
	cursor : pointer;
}

#DoGridBannernew
{
	float : left;
	width : 764px;
	height : 265px;
	border : 0px solid #dbdbdb;
	cursor : pointer;
	border-radius:0px;
}


#DoGridBannerNoImage
{
	float : left;
	width : 764px;
	height : 168px;
}
.FlashGridBanner
{
	float : left;
	width : 764px;
	height : 10px;
}
.DoGridBlock
{
	width : 180px;
	color : #000000;
	background-color : #FFFFFF;
	text-align : left;
	border-right : 0px solid #dbdbdb;
	border-bottom : 0px solid #dbdbdb;
	border : 1px solid #dbdbdb;   
	border-radius: 0px;
x;
	
}
.DoGridBlockWide
{
	width : 382px;
	color : #000000;
	background-color : #FFFFFF;
	text-align : left;

	border : 1px solid #E0E0E0;
	border-radius:0px;
	padding-left: 5px;
	padding-right: 5px;

}

.GBTextHeaderPlain
{
	font-family : Arial;
	font-size : 13px;
	line-height : 20px;
	margin-bottom : 5px;
}
.GBMaxHeight {min-height : 293px;}
.GBFloatLeft {float:left;}
.GBFloatRight {float:right;}
.GBAddPadding {padding:0px 0px 0px 0px;}
.GBTextField
{
	font-size : 11px;
	font-family : Arial;
	color : #000000;
	padding-top : 2px;
	padding-left : 2px;
	font-weight : normal;
	padding-left : 5px;
	padding-right:5px;

}
.GBTextHeader
{
	font-weight : bold;
	font-size : 12px;
	font-family : Arial;
	color : #e80000;
	padding-left : 2px;
	padding-bottom : 3px;
	padding-top: 3px;
	margin-left : 5px;
	margin-bottom : 0px;
	display:block;
}
.GBUL
{
	list-style : none;
	margin-left : 0px;
	 margin-top : 5px;
	border-bottom : 1px solid #EDEDED;
	margin-bottom : 0px;
	padding-left : 0px;
}
.GBLIADup
{
	width : 100%;
	text-decoration : none;
	color : #000000;
	border-top : 0px solid #EDEDED;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 2px;
	list-style : none;
	display : block;
}
.GBLIAMouseOver
{
	text-decoration : underline;
	width : 100%;
	border-top : 1px solid #EDEDED;
	padding-top : 3px;
	padding-bottom : 3px;
	padding-left : 2px;
	list-style : none;
	display : block;
	color : #f80000;
}
#ArrowRight
{
	float: right;
	/*
	width : 24px;	*/
	height : 28px;
	cursor : pointer;
        padding-right:15px;
    padding-top:10px;
}
#ArrowLeft
{
	float: left;
	width : 24px;
	height : 28px;
	cursor : pointer;
    padding-left:15px;
    padding-top:10px;
}
.ArrowRightDefault
{
	/*
	background-image : url("../images/ArrowRight.gif");
	background-repeat : no-repeat;
	background-position : top left;
	*/
}
.ArrowRightMouseOver
{
	color:#e80000;
	text-decoration:underline;
}
.ArrowLeftDefault
{
	/*
	background-image : url("../images/ArrowLeft.gif");
	background-repeat : no-repeat;
	background-position : top left;
	*/
}
.ArrowLeftMouseOver
{
	/*
	background-image : url("../images/ArrowLeftMouseOver.gif");
	background-repeat : no-repeat;
	background-position : top left;
	*/
	color:#e80000;
	text-decoration:underline;
}
#ArrowContainer
{
	height : 26px;
	font-family:Arial;
	font-size:11px;
	color:#525252;
	text-decoration:none;
}
#GBBrochureContainer
{
	display:table;
	width:159px;
	height:77px;
	margin: 4px 0px 0px 4px;
}
#GBBrochureIMG
{
	background-image : url("../images/ProductsPDFGuide.gif");
	background-repeat : no-repeat;
	background-position : top left;
	float : left;
	height : 62px;
	width : 67px;
	margin : 0px;
	margin-top : 10px;
}
#GBBrochureTXT
{
	float : left;
	height : 77px;
	width : 57px;
	margin : 0px 2px 0px 0px;
}
#WeatherImg
{
	float:left;
	height:50px;
	width:50px;
	margin : 0px;
}
#WeatherTemp
{
	float:right;
	height:30px;
	width:120px;
	font-family:arial;
	font-size:22px;
	margin : 0px;
	padding-top:15px;
}
#WeatherText
{
	width : 180px;
	height : 10px;
	color:#413E3E;
	font-size:11px;
	font-family:arial;
	margin-top: 5px;
	float: left;
}
.WeatherCity
{
	font-family : arial;
	font-size : 12px;
	font-weight : bold;
	text-align : right;
	padding-right : 5px;
}
.WASPA
{
	background-image : url("../images/waspa.gif");
	background-repeat : no-repeat;
	background-position : right center;
	padding-bottom : 2px;
	width : 303px;
	height : 112px;
	margin-left : 132px;
	margin-top : 25px;
	cursor : pointer;
	margin-bottom : 31px;
}
/****************** Footer Styles ******************/
#FooterExternalLinks
{
	width : 956px;
	height : 40px;
	margin-top : 35px;
	border-bottom : 1px solid #D8D7D7;
	margin-left : auto;
	margin-right : auto;
	display : table;
}
.FooterLinks
{
	margin : 0px 2px 0px 2px;
	width : 24px;
	height : 24px;
	cursor : pointer;
	float : right;
}
#FooterSiteLinks
{
	width : 956px;
	height : 40px;
	margin-top : 2px;
	margin-left : auto;
	margin-right : auto;
	display : table;
}
.DoGridBlockFooter
{
	width : 184px;
	color : #000000;
	text-align : left;
}
.GBFTextHeader
{
	font-weight : bold;
	font-size : 14px;
	font-family : Arial;
	color : #333333;
	padding-left : 2px;
	padding-top : 4px;
	margin-left : 0px;
	margin-bottom : 5px;
	margin-top : 2px;
	display:block
}
.GBFTextSubHeader
{
	font-weight : bold;
	font-size : 11px;
	font-family : Arial;
	color : #525252;
	padding-left : 2px;
	padding-top : 16px;
	padding-bottom : 5px;
	margin-left : 0px;
	margin-bottom : 0px;
	margin-top : 2px;
	display:block
}
.GBFUL
{
	list-style : none;
	margin-left : 0px;
	margin-top : 1px;
	margin-bottom : 0px;
	padding-left : 0px;
}

.GBLIA_NoBorder{
		background-repeat : no-repeat;
	background-position : 98% 0px;
	width : 100%;
	text-decoration : none;
	color : #000000;
	border-top : 0px solid #EDEDED;

	padding-top : 6px;
	padding-bottom : 6px;
	padding-left : 5px;
	list-style : none;
	display : block;

}

.GBLIA
{
	
	background-repeat : no-repeat;
	background-position : 98% 0px;
	width : 100%;
	text-decoration : none;
	color : #000000;
	border-top : 1px solid #EDEDED;

	padding-top : 6px;
	padding-bottom : 6px;
	padding-left : 5px;
	list-style : none;
	display : block;
}
.GBFLIADefault{
	text-decoration : none;
	color : #666 !important;
}

.GBLIAMouseOver
{
	text-decoration : underline;

	background-repeat : no-repeat;
	background-position : 98% -15px;
	width : 100%;
	border-top : 1px solid #EDEDED;
	padding-top : 6px;
	padding-bottom : 6px;
	padding-left : 5px;
	list-style : none;
	display : block;
	color : #004698;
}
.GBLIAMouseOverExt
{
	text-decoration : underline;

	background-repeat : no-repeat;
	background-position : 98% -15px;
	width : 100%;
	border-top : 1px solid #EDEDED;
	padding-top : 6px;
	padding-bottom : 6px;
	padding-left : 5px;
	list-style : none;
	display : block;
	color : #004698;
}
#FooterBottomLinks
{
	width : 956px;
	height : 60px;
	margin-top : 20px;
	margin-left : auto;
	margin-right : auto;
	display : table;
}
#FooterBottomLinks span
{
	color : #666666;
	font-family : Arial;
	font-size : 11px;
}
#FooterBottomLinks a{
	color : #666666;
	font-family : Arial;
	font-size : 11px;
}
.FooterBottomLinksDefault{
	text-decoration : none;
}
.FooterBottomLinksMouseOver_OLD
{
	text-decoration : underline;
	color : #e80000;
}
#FooterBottomLinks a:hover{color : #e80000;}
.Vertical_line{color: #e8e8e8}
/****************** Overides ******************/
.h1TnC{
font-size : 22px;
font-family : Arial;
font-weight : normal;
}

.h2TnC{
font-size : 15px;
font-family : Arial;
}
.h3TnC{
font-size : 11px;
font-family : Arial;
color : #333333;
}

/* terms pages */
.TUL{
	list-style : square;
	padding-bottom : 1px;
	white-space: nowrap;
}
.rssPreviousNext{
	font-family:Arial;
	font-size:11px;
	color:#525252;
	text-decoration:none;
}
.rssPreviousNext:hover{
	color:red;
	text-decoration:underline;
}
/** red skin **/
#div_interstitial {width:575px;}
.vodaFoneRedBackGround{background-color : white;}
.vodaFoneFontDefault{font-family:Arial;font-size:11px;}
.vodaFoneRedButton {
	font-family: Arial;
	font-weight : bold;
	color: #4A4D4E;
	background-color: white;
	border-style: solid;
	border-width:1px;
	border-color : #ffffff;
	cursor: pointer;
	padding: 2;
	font-size: 11px;
}
.VodaFoneInterstitalCommon{
	z-index : 999;
	position : absolute;
	display : none;
	background-color : #ffffff;
	border : 1px solid red;

	width : 575px;
	text-align : left;
}
a{color:#4A4D4E;text-decoration:none;}
a:hover{color:#f80000;text-decoration:underline;}
.aHeader:hover{color:#e60000;}
.aHeader{color:white;}

.menupadding{
    padding-left:200px;

}
input{
	font-family:Arial;
	color:#000;
	font-size:xx-small;
}

/** calendar styles **/
.CalendarTopRow{background-color:#e60000;}
.CalendarMainTable{font-family:arial;font-size:11px;font-family:Arial; font-size:11px; background-color:#ffffff;border:1px solid #737373;}
.CalendarBottomRow{background-color:#ededed;}
.ElementBorder{border-style:solid;border-width:1;border-color:#8BB9A2;cursor:pointer;}
.ElementBorderMouseOver{border-style:solid;border-width:1;border-color:#ffffff;cursor:pointer;}
.CalendarDropDown{font-family:arial; font-size:11px; border-width:1; border-style:solid; border-color:#a0a0a0;background-color:#ffffff;}
.CalendarDropDownMouseover{background-color:#e60000;}
.CalendarDropDownMouseout{background-color:#ffffff;}

#DoGridBuyCredit
{

/**float : left;
	width : 764px;
	height : 168px;**/
}
#buycreditIframe{
	float : left;
	border-style: none;
	width: 764px;
	height: 500px;
}